#light() {
  // 文本样式
  @--primary-text-color: #555555;
  @--primary-hover-text-color: #E4E4E4;
  @--lighter-text-color: #CCCCCC;
  // 模块样式
  @--primary-bg-color: #EFF0F7;
  @--heavier-bg-color: #E3E3F3;
  @--primary-hover-bg-color: #CDCDE4;
  @--module-bg-color: #FFFFFF;
  @--gray-module-bg-color: #F3F3F3;
  @--module-lighter-bg-color: #F9FAFB;
  @--module-heavier-bg-color: #E3E3F3;
  @--popup-bg-color: rgba(0, 0, 0, 0.2);
  // element
  @--table-stripe-bg-color: #FAFAFA;
  // 边框颜色
  @--lighter-border-color: rgba(235, 241, 243, 0.75);
  @--primary-border-color: #E2E2E2;
  @--heavier-border-color: #E2E2E2;
  // 阴影颜色
  @--primary-shadow-color: rgba(0, 0, 0, 0.2);
  @--lighter-shadow-color: rgba(95, 95, 95, 0.2);
  // 滚动条颜色
  @--primary-scroll-color: #CECECE;
  @--hover-scroll-color: #808080;
  // 三原色
  @--gray-red-color: #FFDFE5;
  @--lighter-red-color: #F37D84;
  @--primary-red-color: #ED555A;
  @--heavier-red-color: #E33F5C;
  @--gray-yellow-color: #FFF8E6;
  @--lighter-yellow-color: #FFE37E;
  @--primary-yellow-color: #FFBA00;
  @--gray-blue-color: #CBE0F4;
  @--lighter-blue-color: #82C2E6;
  @--primary-blue-color: #5584B0;
  @--heavier-blue-color: #254E7A;
  @--point-blue-color: #4F81FF;
  @--gray-green-color: #DEFFE7;
  @--lighter-green-color: #28DCD0;
  @--primary-green-color: #00BAAD;
  @--heavier-green-color: #0B7E7F;
  @--primary-purple-color: #8c44ff;
}
#dark() {
  // 文本样式
  @--primary-text-color: #FFFFFF;
  @--primary-hover-text-color: #808080;
  @--lighter-text-color: #9E9E9E;
  // 背景颜色
  @--primary-bg-color: #14142B;
  @--heavier-bg-color: #505060;
  @--primary-hover-bg-color: #454557;
  @--module-bg-color: #24263A;
  @--gray-module-bg-color: #8F9098;
  @--module-lighter-bg-color: #42445a;
  @--module-heavier-bg-color: #1D1E2C;
  @--popup-bg-color: rgba(200, 200, 200, 0.4);
  // element
  @--table-stripe-bg-color: #292935;
  // 边框颜色
  @--lighter-border-color: rgba(235, 241, 243, 0.75);
  @--primary-border-color: #CECEE4;
  @--heavier-border-color: #bcbcd6;
  // 阴影颜色
  @--primary-shadow-color: rgba(255, 255, 255, 0.2);
  @--lighter-shadow-color: rgba(199, 199, 199, 0.2);
  // 滚动条颜色
  @--primary-scroll-color: #808080;
  @--hover-scroll-color: #646464;
  // 三原色
  @--gray-red-color: #FFE9ED;
  @--lighter-red-color: #FFC3CE;
  @--primary-red-color: #EC061D;
  @--heavier-red-color: #D00412;
  @--gray-yellow-color: #FFF8E6;
  @--lighter-yellow-color: #FFE37E;
  @--primary-yellow-color: #FFBA00;
  @--gray-blue-color: #B0D6F5;
  @--lighter-blue-color: #09B1EC;
  @--primary-blue-color: #0487E2;
  @--heavier-blue-color: #0463CA;
  @--point-blue-color: #4F81FF;
  @--gray-green-color: #CDFFCD;
  @--lighter-green-color: #28DCD0;
  @--primary-green-color: #18D9CF;
  @--heavier-green-color: #1BABA4;
  @--primary-purple-color: #B198FF;
}
// 背景色配置
#bg-color(@key) {
  background-color: #light[@@key];
  [data-theme='dark'] & {
    background-color: #dark[@@key];
  }
}
// 文本色配置
#text-color(@key) {
  color: #light[@@key];
  [data-theme='dark'] & {
    color: #dark[@@key];
  }
}
// 边框色配置
#border-color(@direction, @key) {
  border-@{direction}-color: #light[@@key];
  [data-theme='dark'] & {
    border-@{direction}-color: #dark[@@key];
  }
}
// 阴影色配置
#shadow-color(@y, @x, @blur, @expand, @color) {
  box-shadow: @y @x @blur @expand #light[@@color];
  [data-theme='dark'] & {
    box-shadow: @y @x @blur @expand #dark[@@color];
  }
}
#color(@key, @color) {
  @{key}: #light[@@color];
  [data-theme='dark'] & {
    @{key}: #dark[@@color];
  }
}

@menu-text-light-color: #555555;
@menu-text-dark-color: #FFFFFF;
:export {
  menu_text_light: @menu-text-light-color;
  menu_text_dark: @menu-text-dark-color;
  menu_active_text_light: #light[@--primary-blue-color];
  menu_active_text_dark: #dark[@--primary-blue-color];
}
